<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}主页{% endblock %}-达芬奇</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    {% block script %}{% endblock %}
    {% block style %}{% endblock %}
</head>
<body>
<nav class="navbar navbar-default">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <a class="navbar-brand" href="{% url "home" %}">达芬奇小站</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="{% url "home" %}">Home</a></li>
                <li><a href="{% url "learnmore" %}">About</a></li>
                <li><a href="{% url "theBlog" %}">博客</a></li>
                <li><a href="{% url "wordcloud" %}">词云生成器</a></li>
{#                预留的多选框#}
{#                <li class="dropdown">#}
{#                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"#}
{#                       aria-expanded="false">一些功能<span class="caret"></span></a>#}
{#                    <ul class="dropdown-menu">#}
{#                        <li><a href="{% url "Vinci-gameset" %}">达芬奇密码</a></li>#}
{#                        <li><a href="{% url "wordcloud" %}">词云生成器</a></li>#}
                        {#                        <li><a href="#">占位符</a></li>#}
{#                        <li role="separator" class="divider"></li>#}
{#                        <li><a href="{% url 'englishtext' %}">字母测试</a></li>#}
                        {#                        <li role="separator" class="divider"></li>#}
                        {#                        <li><a href="#">占位符</a></li>#}
{#                    </ul>#}
{#                </li>#}
            </ul>
            {#            预留搜索栏#}
            {#            <ul class="nav navbar-nav navbar-right">#}
            {#                <li><a href="#">Link</a></li>#}
            {#                <li class="dropdown">#}
            {#                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>#}
            {#                    <ul class="dropdown-menu">#}
            {#                        <li><a href="#">Action</a></li>#}
            {#                        <li><a href="#">Another action</a></li>#}
            {#                        <li><a href="#">Something else here</a></li>#}
            {#                        <li role="separator" class="divider"></li>#}
            {#                        <li><a href="#">Separated link</a></li>#}
            {#                    </ul>#}
            {#                </li>#}
            {#            </ul>#}
        </div><!-- /.navbar-collapse -->

    </div><!-- /.container-fluid -->
</nav>
{% block side %}
    <div class="container">
        <div class="row">

            <div class="jumbotron">
                <h1>你好!朋友</h1>
                <p>这个是一个奇怪的小网站</p>
                <p><a class="btn btn-primary btn-lg" href="{% url "learnmore" %}" role="button">Learn more</a></p>
            </div>

        </div>
    </div>
{% endblock %}
<div class="row">
    <div class="col-xs-6 col-md-4">
    </div>
    <div class="col-xs-6 col-md-4">
        <address class="text-center">
            <strong>备案号</strong><br>
            <a href="https://beian.miit.gov.cn">豫ICP备2021008641号</a>
        </address>
    </div>
    <div class="col-xs-6 col-md-4">
    </div>
</div>

</body>
</html>